<template>
    <div style="width: 100%; height: 100%">
        <!-- 右侧 -->
        <div class="D_1" :style="rSty" name="DAD">
            <div style="width: 100%; height: 100%">
                <!-- 标题 -->
                <div style="width: 50%; height: 5%; margin: 0 auto; text-align: center; vertical-align: middle" class="d_2">
                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk" v-if="data.proName">
                        <div style="font-size: 15px" slot="content">{{ data.proName }}</div>
                        <div
                            style="
                                font-size: 30px;
                                color: #ffffff;
                                font-family: '宋体';
                                text-align: center;
                                width: 70%;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            "
                            disabled="disabled"
                            class="i_1"
                        >
                            {{ data.proName }}
                        </div>
                        <!-- <input type="text" v-model="data.proName" /> -->
                    </el-tooltip>
                </div>

                <!-- 基本信息&项目状态 -->
                <div style="width: 24%; height: 68%; float: left; padding: 1% 1%">
                    <table style="width: 100%; height: 100%; color: #fff; padding: 0" border="0">
                        <table style="width: 100%; height: 48%; color: #fff; padding: 0" border="0" name="pro" class="T_1">
                            <tr align="center" width="100%">
                                <td colspan="2" style="font-size: 23px; font-family: '微软雅黑'; height: 10%">
                                    基本信息
                                    <el-switch v-model="value" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro()">
                                    </el-switch>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 50%; line-height: 20px">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-eleme"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >项目开发总面积</span
                                    >
                                </td>
                                <td style="width: 50%; line-height: 20px">
                                    <el-tooltip
                                        :disabled="disabled"
                                        effect="light"
                                        placement="top"
                                        class="item"
                                        popper-class="xfk"
                                        v-if="data.completedArea"
                                    >
                                        <div style="font-size: 15px" slot="content">{{ data.completedArea }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis
                                                width: 160px;
                                                margin-top：35px;
                                            "
                                        >
                                            {{ data.completedArea }} (㎡)
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr style="width: 50%; line-height: 20px">
                                <td>
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-platform-eleme"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >所属乡镇</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px; margin = 10px" slot="content">{{ data.newLandArea }}</div>
                                        <div
                                            style="
                                                    font-size: 15px;
                                                    color: #00ffff;
                                                    font-family: '微软雅黑';
                                                    text-align: left;
                                                    overflow: hidden;

                                                    white-space: nowrap;

                                                    text-overflow: ellipsis
                                                    width: 160px;
                                                "
                                        >
                                            {{ data.newLandArea }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <!-- <tr style="width: 50%; height: 6.5%">
                                <td style="width: 50%; height: 7%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-delete"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >竣工旱地改水面积</span
                                    >
                                </td>
                                <td>
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                    <input
                                        type="text"
                                        style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left; width: 73%"
                                        disabled="disabled"
                                        class="i_1"
                                        v-model="data.waterImprovementArea"
                                    />
                                </td>
                            </tr>
                            <tr style="width: 50%; height: 6.5%">
                                <td style="width: 50%; height: 7%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-platform-eleme"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >竣工垦造水田面积</span
                                    >
                                </td>
                                <td>
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                    <input
                                        type="text"
                                        style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left; width: 73%"
                                        disabled="disabled"
                                        class="i_1"
                                        v-model="data.paddyField"
                                    />
                                </td>
                            </tr>
                            <tr style="width: 50%; height: 6.5%">
                                <td style="width: 50%; height: 7%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-setting"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >项目区位</span
                                    >
                                </td>
                                <td>
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                    <input
                                        type="text"
                                        style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left; width: 73%"
                                        disabled="disabled"
                                        class="i_1"
                                        v-model="data.proLocation"
                                    />
                                </td>
                            </tr>
                            <tr style="width: 50%; height: 6.5%">
                                <td style="width: 50%; height: 7%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-user-solid"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >立项时间</span
                                    >
                                </td>
                                <td>
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                    <input
                                        type="text"
                                        style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left; width: 73%"
                                        disabled="disabled"
                                        class="i_1"
                                        v-model="data.projectApproval"
                                    />
                                    
                                </td>
                            </tr>
                            <tr style="width: 50%; height: 6.5%">
                                <td style="width: 50%; height: 7%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-user"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >竣工时间</span
                                    >
                                </td>
                                <td>
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                    <input
                                        type="text"
                                        style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left; width: 73%"
                                        disabled="disabled"
                                        class="i_1"
                                        v-model="data.title"
                                    />
                                </td>
                            </tr> -->
                            <tr style="width: 50% line-height:20px">
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-phone"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >实施单位</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.implementationUnit }}</div>
                                        <div
                                            style="
                                                    font-size: 15px;
                                                    color: #00ffff;
                                                    font-family: '微软雅黑';
                                                    text-align: left;
                                                    overflow: hidden;
                                                    white-space: nowrap;
                                                    text-overflow: ellipsis;
                                                    width: 160px;
                                                    margin-top：35px;
                                                "
                                        >
                                            {{ data.implementationUnit }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr style="width: 50% line-height:20px">
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-phone-outline"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >施工单位</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.constructionUnit }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left margin-top：35px;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                            "
                                        >
                                            {{ data.constructionUnit }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr style="width: 50%">
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-star-on"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >监理单位</span
                                    >
                                </td>

                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.supervisorCompany }}</div>
                                        <div
                                            style=" font-size: 15px;
                                                    color: #00ffff;
                                                    font-family: '微软雅黑';
                                                    text-align: left;
                                                    overflow: hidden;
                                                    white-space: nowrap;
                                                    text-overflow: ellipsis;
                                                    width: 160px;
                                                    margin-top：35px"
                                        >
                                            {{ data.supervisorCompany }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr style="width: 50%">
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-edit"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >设计单位</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.implCompany }}</div>
                                        <div
                                            style="
                                                    font-size: 15px;
                                                    color: #00ffff;
                                                    font-family: '微软雅黑';
                                                    text-align: left;
                                                    overflow: hidden;
                                                    white-space: nowrap;
                                                    text-overflow: ellipsis;
                                                    width: 160px;
                                                    margin-top：35px
                                                "
                                        >
                                            {{ data.implCompany }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                        </table>
                        <table style="width: 100%; height: 31%; color: #fff; padding: 0" border="0" name="pro1" class="T_2">
                            <tr align="center" width="100%" height="10%">
                                <td colspan="2" style="font-size: 23px; font-family: '微软雅黑'">
                                    项目状态
                                    <el-switch v-model="value1" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro1()">
                                    </el-switch>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; text-align: left">
                                    &nbsp;&nbsp;&nbsp; <i class="el-icon-user-solid"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left">立项时间</span>
                                </td>
                                <td style="width: 50%; text-align: center">
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.projectApproval }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: center;
                                                width: 160px;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                            "
                                        >
                                            {{ data.projectApproval }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; text-align: left">
                                     &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-user"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left">开工时间</span>
                                </td>
                                <td style="width: 50%; text-align: center">
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.startTime }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: center;
                                                width: 160px;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                            "
                                        >
                                            {{ data.startTime }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>

                            <tr>
                                <td style="width: 50%; text-align: left">
                                     &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-delete"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: center">工期</span>
                                </td>
                                <td style="width: 50%; text-align: center">
                                    <el-tooltip
                                        :disabled="disabled"
                                        effect="light"
                                        placement="top"
                                        class="item"
                                        popper-class="xfk"
                                        v-if="data.completedTime"
                                    >
                                        <div style="font-size: 15px" slot="content">{{ data.completedTime }}</div>
                                        <div
                                            style="font-size: 15px; 
                                                color: #00ffff; 
                                                font-family: '微软雅黑'; 
                                                text-align: center; 
                                                width: 160px
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                "
                                        >
                                            {{ data.completedTime }} (天)
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; text-align: left">
                                     &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-setting"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: center"
                                        >竣工时间</span
                                    >
                                </td>
                                <td style="width: 50%; text-align: center">
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.title }}(天)</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: center;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ data.title }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>

                            <!-- 项目进度 -->
                            <tr>
                                <td style="width: 50%; text-align: left">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-platform-eleme"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left">项目进度</span>
                                </td>
                                <td style="width: 50%; text-align: center">
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ schedule }}</div>
                                        <div
                                            style="font-size: 15px; 
                                               color: #00ffff; 
                                               font-family: '微软雅黑'; 
                                               text-align: center; 
                                               width: 73%
                                               overflow: hidden;
                                               white-space: nowrap;
                                               text-overflow: ellipsis;
                                               width: 160px;
                                        "
                                        >
                                            {{ schedule }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>

                            <!-- <tr >
                            <td style="width: 50%; text-align: center">
                               &nbsp;
                            <td style="width: 50%; text-align: center">
                                &nbsp;
                            </td>
                        </tr> -->
                        </table>

                        <!-- 立项信息 -->
                        <table style="width: 100%; height: 18%; color: #fff; padding: 0" border="0" name="pro4" class="bg">
                            <tr align="center" width="100%" height="10%">
                                <td colspan="2" style="font-size: 23px; font-family: '微软雅黑'">
                                    立项信息
                                    <el-switch v-model="value4" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro4()">
                                    </el-switch>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; text-align: center">
                                    <span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >水田平均质量等级</span
                                    >
                                </td>
                                <td style="width: 50%; text-align: center">
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.saveWaterArea }}</div>
                                        <div
                                            style="font-size: 15px; 
                                               color: #00ffff; 
                                               font-family: '微软雅黑'; 
                                               text-align: center; 
                                               width: 73%
                                               overflow: hidden;
                                               white-space: nowrap;
                                               text-overflow: ellipsis;
                                               width: 160px;
                                            "
                                        >
                                            {{ data.saveWaterArea }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                        </table>
                        <!-- 竣工信息 -->
                        <table style="width: 100%; height: 18%; color: #fff; padding: 0" border="0" name="pro5" class="bg">
                            <tr align="center" width="100%" height="10%">
                                <td colspan="2" style="font-size: 23px; font-family: '微软雅黑'">
                                    竣工信息
                                    <el-switch v-model="value5" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro5()">
                                    </el-switch>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; text-align: center">
                                    <span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >水田平均质量等级</span
                                    >
                                </td>
                                <td style="width: 50%; text-align: center">
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.saveWaterArea }}</div>
                                        <div
                                            style="
                                            font-size: 15px; 
                                            color: #00ffff; 
                                            font-family: '微软雅黑'; 
                                            text-align: center; 
                                            width: 73%
                                            overflow: hidden;
                                            white-space: nowrap;
                                            text-overflow: ellipsis;
                                            width: 160px;                                        "
                                        >
                                            {{ data.saveWaterArea }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                        </table>
                    </table>
                </div>

                <!-- 报警信息&打卡信息 -->
                <div style="width: 24%; height: 64%; float: right; padding: 1% 1%">
                    <table style="width: 100%; height: 100%; color: #fff" border="0">
                        <!-- 报警信息 -->
                        <table style="width: 100%; height: 45%; color: #fff" border="0" name="pro2" class="T_3">
                            <tr align="center" width="100%" height="15%" style="font-size: 23px; font-family: '微软雅黑'">
                                <td colspan="2">
                                    报警信息
                                    <el-switch v-model="value2" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro2()">
                                    </el-switch>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 15%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-star-off"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >预警时间</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ yjxx.warningTime }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ yjxx.warningTime }}
                                            <!-- <el-button type="text" @click="disabled = !disabled">
                                                <input
                                                    type="text"
                                                    style="
                                                        font-size: 15px;
                                                        color: #ffffff;
                                                        font-family: '微软雅黑';
                                                        text-align: left;
                                                        overflow: hidden;
                                                        white-space: nowrap;
                                                        text-overflow: ellipsis;
                                                        width: 94%;
                                                    "
                                                    disabled="disabled"
                                                    class="i_1"
                                                    v-model="yjxx.warningTime"
                                                /> -->
                                            <!-- </el-button> -->
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 15%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-s-goods"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >预警事项</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ yjxx.warningType }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ yjxx.warningType }}
                                            <!-- <el-button type="text" @click="disabled = !disabled">
                                                <input
                                                    type="text"
                                                    style="
                                                        font-size: 15px;
                                                        color: #ffffff;
                                                        font-family: '微软雅黑';
                                                        text-align: left;
                                                        overflow: hidden;
                                                        white-space: nowrap;
                                                        text-overflow: ellipsis;
                                                        width: 94%;
                                                    "
                                                    disabled="disabled"
                                                    class="i_1"
                                                    v-model="yjxx.warningType"
                                                />
                                            </el-button> -->
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 15%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-goods"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >通知状态</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ yjxx.noticeStatus }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ yjxx.noticeStatus }}
                                            <!-- <el-button type="text" @click="disabled = !disabled">
                                                <input
                                                    type="text"
                                                    style="
                                                        font-size: 15px;
                                                        color: #ffffff;
                                                        font-family: '微软雅黑';
                                                        text-align: left;
                                                        overflow: hidden;
                                                        white-space: nowrap;
                                                        text-overflow: ellipsis;
                                                        width: 94%;
                                                    "
                                                    disabled="disabled"
                                                    class="i_1"
                                                    v-model="yjxx.noticeStatus"
                                                />
                                            </el-button> -->
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 15%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-warning"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >处理状态</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ yjxx.handleStatus }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ yjxx.handleStatus }}
                                            <!-- <el-button type="text" @click="disabled = !disabled">
                                                <input
                                                    type="text"
                                                    style="
                                                        font-size: 15px;
                                                        color: #ffffff;
                                                        font-family: '微软雅黑';
                                                        text-align: left;
                                                        overflow: hidden;
                                                        white-space: nowrap;
                                                        text-overflow: ellipsis;
                                                        width: 94%;
                                                    "
                                                    disabled="disabled"
                                                    class="i_1"
                                                    v-model="yjxx.handleStatus"
                                                />
                                            </el-button> -->
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 15%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-warning-outline"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >处理人员</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ yjxx.handlePersonnel }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ yjxx.handlePersonnel }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                        </table>
                        <!-- 打卡信息 -->
                        <table style="width: 100%; height: 55%; color: #fff" border="0" name="pro3" class="T_4">
                            <tr align="center" width="100%" height="14%" style="font-size: 23px; font-family: '微软雅黑'">
                                <td colspan="2">
                                    打卡信息
                                    <el-switch v-model="value3" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro3()">
                                    </el-switch>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 10%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-phone-outline"></i>
                                    &nbsp;<span
                                        style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis"
                                        >施工单位</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.constructionUnit }}</div>
                                        <div
                                            style="font-size: 15px; color: #00ffff; font-family: '微软雅黑'; text-align: left; width: 160px overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis"
                                        >
                                            {{ data.constructionUnit }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-phone-outline"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >施工单位负责人</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.functionary }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ data.functionary }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-question"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >打卡时间</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ card.cardTime }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ card.cardTime }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-star-on"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >监理单位</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.supervisorCompany }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px; ;
                                            "
                                        >
                                            {{ data.supervisorCompany }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-star-on"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >监理单位负责人</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ data.supervising }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ data.supervising }}
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 50%">
                                    &nbsp;&nbsp;&nbsp;
                                    <i class="el-icon-question"></i>
                                    &nbsp;<span style="font-size: 15px; color: #ffffff; font-family: '微软雅黑'; text-align: left"
                                        >打卡时间</span
                                    >
                                </td>
                                <td>
                                    <el-tooltip :disabled="disabled" effect="light" placement="top" class="item" popper-class="xfk">
                                        <div style="font-size: 15px" slot="content">{{ card.supervising }}</div>
                                        <div
                                            style="
                                                font-size: 15px;
                                                color: #00ffff;
                                                font-family: '微软雅黑';
                                                text-align: left;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                width: 160px;
                                            "
                                        >
                                            {{ card.supervising }}
                                            <!-- <el-button type="text" @click="disabled = !disabled">
                                                <input
                                                    type="text"
                                                    style="
                                                        font-size: 15px;
                                                        color: #ffffff;
                                                        font-family: '微软雅黑';
                                                        text-align: left;
                                                        overflow: hidden;
                                                        white-space: nowrap;
                                                        text-overflow: ellipsis;
                                                        width: 94%;
                                                    "
                                                    disabled="disabled"
                                                    class="i_1"
                                                    v-model="card.cardTime"
                                                />
                                            </el-button> -->
                                        </div>
                                    </el-tooltip>
                                </td>
                            </tr>
                            <tr style="height: 0.5%">
                                <td style="width: 50%">&nbsp;&nbsp;&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            </tr>
                        </table>
                    </table>
                </div>

                <div style="width: 100%; height: 8%; bottom: 0px; position: absolute">
                    <div name="pro_1" class="S_1" style="display: none">
                        <div style="float: left; padding: 6.5% 4.5%">基本信息</div>
                        <div style="float: left; margin-top: 2%">
                            <el-switch v-model="value" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro()"> </el-switch>
                        </div>
                    </div>

                    <div style="float: left">&nbsp;</div>
                    <div name="pro_2" class="S_1" style="display: none">
                        <div style="float: left; padding: 6.5% 4.5%">项目状态</div>
                        <div style="float: left; margin-top: 2%">
                            <el-switch v-model="value1" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro1()"> </el-switch>
                        </div>
                    </div>

                    <!-- 立项信息 -->
                    <div style="float: left">&nbsp;</div>
                    <div name="pro_5" class="S_1" style="display: none">
                        <div style="float: left; padding: 6.5% 4.5%">立项信息</div>
                        <div style="float: left; margin-top: 2%">
                            <el-switch v-model="value4" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro4()"> </el-switch>
                        </div>
                    </div>

                    <!-- 竣工信息 -->
                    <div style="float: left">&nbsp;</div>
                    <div name="pro_6" class="S_1" style="display: none">
                        <div style="float: left; padding: 6.5% 4.5%">竣工信息</div>
                        <div style="float: left; margin-top: 2%">
                            <el-switch v-model="value5" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro5()"> </el-switch>
                        </div>
                    </div>

                    <div style="float: left">&nbsp;</div>
                    <div name="pro_3" class="S_1" style="display: none">
                        <div style="float: left; padding: 6.5% 4.5%">报警信息</div>
                        <div style="float: left; margin-top: 2%">
                            <el-switch v-model="value2" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro2()"> </el-switch>
                        </div>
                    </div>

                    <div style="float: left">&nbsp;</div>
                    <div name="pro_4" class="S_1" style="display: none">
                        <div style="float: left; padding: 6.5% 4.5%">打卡管理</div>
                        <div style="float: left; margin-top: 2%">
                            <el-switch v-model="value3" active-color="#13ce66" inactive-color="#bebfbe" :change="basic_pro3()"> </el-switch>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="D_2" :style="rSty" name="MAP" style="display: none">
            <div style="width: 100%; height: 100%" id="iddivframe">
                <iframe id="idframe" src="" frameborder="0" width="100%" height="700px"></iframe>
            </div>
        </div>

        <!-- 左侧tab区域 -->
        <div style="width: 23%; height: 100%; float: right" v-show="cutFull">
            <el-tabs type="border-card" style="height: 100%; width: 100%" stretch @tab-click="handleClick">
                <!-- 档案袋 -->
                <el-tab-pane id="1">
                    <span slot="label" class="tabPaneZd" @click="toDAD()"
                        ><i class="el-icon-receiving" style="font-size: 20px"></i><font> 档案袋</font></span
                    >

                    <div style="width: 100%; height: 100%">
                        <el-input placeholder="搜索项目名称" v-model="text" @blur="rest()">
                            <el-button slot="append" icon="el-icon-search" @click="search()"></el-button>
                        </el-input>
                        <el-tree
                            :data="tree1"
                            :props="defaultProps"
                            accordion
                            node-key="id"
                            ref="tree"
                            @node-click="handleNodeClick"
                            font-size="15px"
                            id="tree_1"
                        >
                            <span class="1" style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis" slot-scope="{ node }">
                                <!-- :class=" role == group ? '' : 'el-icon-collection'"  -->
                                <span style="font-size: 15px; font-family: '微软雅黑'">
                                    {{ node.label }}
                                </span>
                            </span>
                        </el-tree>
                    </div>
                </el-tab-pane>
                <!-- 电子地图 -->
                <el-tab-pane id="2">
                    <span slot="label" @click="TOMap()"
                        ><i class="el-icon-lollipop" style="font-size: 20px"></i><font class="lableFont"> 电子地图</font></span
                    >
                    <div style="width: 100%; height: 100%">
                        <el-input placeholder="搜索项目名称" v-model="mapText" @blur="restmap()">
                            <el-button slot="append" icon="el-icon-search" @click="search2()"></el-button>
                        </el-input>
                        <el-tree
                            :data="tree2"
                            :props="defaultProps1"
                            accordion
                            node-key="id"
                            ref="tree"
                            @node-click="handleNodeClick"
                            font-size="15px"
                            id="tree_2"
                        >
                            <span class="1" style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis" slot-scope="{ node }">
                                <!-- :class=" role == group ? '' : 'el-icon-collection'"  -->
                                <span style="font-size: 15px; font-family: '微软雅黑'"> {{ node.label }} </span>
                            </span>
                        </el-tree>
                    </div>
                </el-tab-pane>
            </el-tabs>
        </div>

        <!-- footer -->
        <div class="footer" id="app-footer" style="float: right">
            <i class="el-icon-s-help"></i>
            <i class="el-icon-microphone"></i>
            <i class="el-icon-turn-off-microphone"></i>
            <i class="el-icon-zoom-in"></i>
            <i class="el-icon-video-camera-solid"></i>
            <i :class="{ 'el-icon-camera-solid': cutFull, 'el-icon-full-screen': !cutFull }" @click="full"></i>
        </div>
    </div>
</template>
<script>
import pro from '@/api/lx_infor/lx_infor';
export default {
    data() {
        return {
            // 基本信息
            data: {
                // disabled: false,
                disabled: false,
                proName: '',
                proLocation: '',
                completedArea: '',
                newLandArea: '',
                waterImprovementArea: '',
                paddyField: '',
                projectApproval: '',
                completedTime: '',
                implCompany: '',
                constructionUnit: '',
                supervisorCompany: '',
                designInstitute: ''
            },
            // 竣工时间
            com: {
                checkData: '',
                stAverageQuality: ''
            },
            // 预警信息
            yjxx: {
                warningTime: '',
                noticeStatus: '',
                handleStatus: '',
                handlePersonnel: '',
                warningType: ''
            },
            // 打卡信息
            DKXX: {},
            // 项目进度
            schedule: '',
            // 立项信息
            projectInfo: '3等',
            // 竣工信息
            completedInfo: '10等',
            // 报警信息
            warning: {
                time: '',
                sx: '',
                status: '',
                cl: '',
                man: ''
            },
            card: {
                cardTime: ''
            },
            // 电子地图模糊查询
            mapText: '',
            text: '',
            tree1: [],
            tree2: [],
            tableChecked: [],
            defaultProps: {
                children: 'dtos',
                label: 'proName'
            },
            defaultProps1: {
                children: 'dtos',
                label: 'cameraName'
            },
            value: true,
            value1: true,
            value2: true,
            value3: true,
            value4: true,
            value5: true,
            maptodad: true,
            // disabled: true,
            leafCheckedNodes: [],
            checkedNodes: '',
            // 用于切换全屏显示
            cutFull: true,
            // 用于切换地图档案袋
            changeMAPDAD: true,
            // 样式
            rSty: {
                width: '76%',
                height: '100%',
                float: 'right'
            }
        };
    },
    created() {
        this.getList();
        this.getMapList();
    },
    methods: {
        handleClick(tab, event) {
            var i = event.target.getAttribute('id');
            if (i == 'tab-0') {
                this.toDAD();
            }
            if (i == 'tab-1') {
                this.TOMap();
            }
        },
        restmap() {
            if (this.mapText === '') {
                this.getMapList();
            }
        },
        rest() {
            if (this.text === '') {
                this.getList();
            }
        },
        // 切换全屏
        full() {
            this.cutFull = !this.cutFull;
            if (this.rSty.width == '100%') {
                this.rSty.width = '76%';
            } else {
                this.rSty.width = '100%';
            }
        },
        basic_pro() {
            if (this.value == true) {
                $("[name='pro']").show();
                $("[name='pro_1']").hide();
            } else {
                $("[name='pro']").hide();
                $("[name='pro_1']").show();
            }
        },
        basic_pro1() {
            if (this.value1 == true) {
                $("[name='pro1']").show();
                $("[name='pro_2']").hide();
            } else {
                $("[name='pro1']").hide();
                $("[name='pro_2']").show();
            }
        },
        basic_pro2() {
            if (this.value2 == true) {
                $("[name='pro2']").show();
                $("[name='pro_3']").hide();
            } else {
                $("[name='pro2']").hide();
                $("[name='pro_3']").show();
            }
        },
        basic_pro3() {
            if (this.value3 == true) {
                $("[name='pro3']").show();
                $("[name='pro_4']").hide();
            } else {
                $("[name='pro3']").hide();
                $("[name='pro_4']").show();
            }
        },
        basic_pro4() {
            if (this.value4 == true) {
                $("[name='pro4']").show();
                $("[name='pro_5']").hide();
            } else {
                $("[name='pro4']").hide();
                $("[name='pro_5']").show();
            }
        },
        basic_pro5() {
            if (this.value5 == true) {
                $("[name='pro5']").show();
                $("[name='pro_6']").hide();
            } else {
                $("[name='pro5']").hide();
                $("[name='pro_6']").show();
            }
        },
        //点击用户树
        handleNodeClick(data) {
            this.getInfor(data.id);
        },
        handleNodeClick1(data) {
            this.getMapInfor(data.id);
        },
        // 模糊查询
        search() {
            if (this.text != '') {
                pro.search(this.text).then((response) => {
                    this.tree1 = response.data;
                });
            } else {
                this.getList();
            }
        },
        async search2() {
            // console.log(this.mapText)
            if (this.mapText != '') {
                const { data: res } = await this.$http.post(`/project_library/digitalMap/getProName/${this.mapText}`);
                if (res.code != 20000) return this.$message.error('查询失败！');
                // console.log(res)
                this.tree2 = res.data;
            } else {
                this.getMapList();
            }
        },
        //  获取信息1
        getInfor(id) {
            pro.openInfo(id).then((response) => {
                this.data = response.data.dto;
                console.log(this.data.projectApproval);
                if (this.data.startTime != null) {
                    this.data.startTime = this.rTime(this.data.startTime);
                }
                this.data.projectApproval = this.dateFormat('YYYY-mm-dd', this.data.projectApproval);
                if (this.data.projectApproval == '') {
                    this.$message({
                        showClose: true,
                        message: '请输入时间'
                        // type: 'error'
                    });
                }
                // console.log(this.data.projectApproval);
                this.getYJList(id);
                this.getDKList(id);
            });

            // 发送请求获取立项信息和竣工信息
            this.$http.post(`project_source/EssentialInformation/findbyst/${id}`).then((res) => {
                console.log(res);
            });
            this.$http.post(`project_source/CompletedInformation/findbyst/${id}`).then((res) => {
                console.log(res);
            });
        },
        // 切换档案袋
        toDAD() {
            $("[name='MAP']").hide();
            $("[name='DAD']").show();
        },
        // 切换地图信息
        TOMap() {
            $("[name='DAD']").hide();
            $("[name='MAP']").show();
            dialogFrameSrc();
        },
        // 时间转换
        dateFormat(fmt, date) {
            if (date != null) {
                let ret = '';
                date = new Date(date);
                const opt = {
                    'Y+': date.getFullYear().toString(), // 年
                    'm+': (date.getMonth() + 1).toString(), // 月
                    'd+': date.getDate().toString(), // 日
                    'H+': date.getHours().toString(), // 时
                    'M+': date.getMinutes().toString(), // 分
                    'S+': date.getSeconds().toString() // 秒
                    // 有其他格式化字符需求可以继续添加，必须转化成字符串
                };
                for (let k in opt) {
                    ret = new RegExp('(' + k + ')').exec(fmt);
                    if (ret) {
                        fmt = fmt.replace(ret[1], ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0'));
                    }
                }
                return fmt;
            } else {
                return '';
            }
        },
        // 时间转换
        rTime(date) {
            var json_date = new Date(date).toJSON();
            return new Date(new Date(json_date) + 8 * 3600 * 1000)
                .toISOString()
                .replace(/T/g, ' ')
                .replace(/\.[\d]{3}Z/, '');
        },
        // 获取数据树
        getList() {
            this.$http.post('/project_library/portfolio/getFree').then((res) => {
                // console.log(res)
                this.tree1 = res.data.data;
                // console.log(this.tree1)
                this.$nextTick(() => {
                    setTreeIcon();
                });
            });
        },
        // 获取地图树
        getMapList() {
            this.$http.post('/project_library/digitalMap/getFree').then((res) => {
                this.tree2 = res.data.data;
                this.$nextTick(() => {
                    setTreeIcon1();
                });
                // console.log(this.tree1)
            });
        },
        getYJList(id) {
            pro.getYJ(id).then((res) => {
                if (res.data[0] != null) {
                    this.yjxx = res.data[0];
                } else {
                    this.yjxx = {};
                }
            });
        },
        getDKList(id) {
            pro.getDK(id).then((res) => {
                this.card = res.data;
                if (this.card.cardTime == null) {
                    this.card.cardTime = '';
                } else {
                    this.card.cardTime = this.rTime(this.card.cardTime);
                }
            });
        }
    }
};
function dialogFrameSrc() {
    $('#iddivframe').html(
        '<iframe id="idframe"  frameborder="0" width="100%" height="100%" src="/?r=' + Math.random() + '/#/map"></iframe>'
    );
}
function setTreeIcon() {
    var icon = $('#tree_1').children('div');
    for (var i = 0; i < icon.length; i++) {
        var a = $(icon[i]).children('.el-tree-node__content').find('.1');
        // console.log(a[0] );
        for (var n = 0; n < a.length; n++) {
            $(a[n]).attr('class', 'el-icon-document-copy');
        }
        // }
        // for(var n = 0; n<a.length;n++){
        //     console.log(a[n])
        //     $(a[n]).attr('class','')
        // }
    }
}
function setTreeIcon1() {
    var icon = $('#tree_2').children('div');
    for (var i = 0; i < icon.length; i++) {
        var a = $(icon[i]).children('.el-tree-node__content').find('.1');
        // console.log(a[0] );
        for (var n = 0; n < a.length; n++) {
            $(a[n]).attr('class', 'el-icon-document-copy');
        }
        // }
        // for(var n = 0; n<a.length;n++){
        //     console.log(a[n])
        //     $(a[n]).attr('class','')
        // }
    }
}
</script>
<style >
.item {
    margin: 0px;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}
.el-icon-document-copy {
    background-image: url('../../../assets/img/wjj.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}
.el-icon-document-copy:before {
    visibility: hidden;
}

.footer {
    font-size: 20px;
    line-height: 35px;
    width: 100%;
    position: fixed;
    right: 0px;
    height: 3%;
    bottom: 0;
    text-align: right;
    background-image: url('../../../assets/img/dt.png');
    background-size: 100% 100%;
}
.S_1 {
    background-image: url('../../../assets/img/bk.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 5.8%;
    float: left;
    font-size: 13px;
    color: #fff;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    line-height: 10px;
}
.T_1 {
    background-image: url('../../../assets/img/bg0.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.T_2 {
    background-image: url('../../../assets/img/bg1.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.T_3 {
    background-image: url('../../../assets/img/bjxx.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bg {
    background-image: url('../../../assets/img/bg.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.T_4 {
    background-image: url('../../../assets/img/dkxx.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.el-icon-info {
    background-image: url('../../../assets/img/wjj.png') !important;
    background-size: 20% 100%;
    background-repeat: no-repeat;
}
.el-icon-info::before {
    visibility: hidden;
}
.el-icon-question {
    background-image: url('../../../assets/img/打卡时间_1.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.el-icon-question:before {
    visibility: hidden;
}
.el-icon-warning-outline {
    background-image: url('../../../assets/img/处理人员_1.png') !important;
    background-size: 100% 100%;
}
.el-icon-warning-outline:before {
    visibility: hidden;
}
.el-icon-warning {
    background-image: url('../../../assets/img/处理状态_1.png') !important;
    background-size: cover;
}
.el-icon-warning:before {
    visibility: hidden;
}
.el-icon-goods {
    background-image: url('../../../assets/img/通知状态.png') !important;
    background-size: cover;
}
.el-icon-goods:before {
    visibility: hidden;
}
.el-icon-s-goods {
    background-image: url('../../../assets/img/预警事项.png') !important;
    background-size: cover;
}
.el-icon-s-goods:before {
    visibility: hidden;
}
.el-icon-star-off {
    background-image: url('../../../assets/img/预警时间.png') !important;
    background-size: 100% 100%;
}
.el-icon-star-off:before {
    visibility: hidden;
}
.el-icon-star-on {
    background-image: url('../../../assets/img/监理单位.png') !important;
    background-size: cover;
}
.el-icon-star-on:before {
    visibility: hidden;
}
.el-icon-edit {
    background-image: url('../../../assets/img/design.png') !important;
    background-size: cover;
}
.el-icon-edit:before {
    visibility: hidden;
}
.el-icon-phone-outline {
    background-image: url('../../../assets/img/施工单位.png') !important;
    background-size: cover;
}
.el-icon-phone-outline:before {
    visibility: hidden;
}
.el-icon-phone {
    background-image: url('../../../assets/img/实施单位.png') !important;
    background-size: cover;
}
.el-icon-phone:before {
    visibility: hidden;
}
.el-icon-user {
    background-image: url('../../../assets/img/竣工时间.png') !important;
    background-size: cover;
}
.el-icon-user:before {
    visibility: hidden;
}
.el-icon-user {
    background-image: url('../../../assets/img/竣工时间.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.el-icon-user:before {
    visibility: hidden;
}
.el-icon-user-solid {
    background-image: url('../../../assets/img/立项时间.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.el-icon-user-solid:before {
    visibility: hidden;
}
.el-icon-setting {
    background-image: url('../../../assets/img/项目区位.png') !important;
    background-size: 98% 105%;
    background-repeat: no-repeat;
}
.el-icon-setting:before {
    visibility: hidden;
}
.el-icon-delete {
    background-image: url('../../../assets/img/竣工新增旱地改水面积.png') !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.el-icon-delete:before {
    visibility: hidden;
}
.el-icon-platform-eleme {
    background-image: url('../../../assets/img/竣工新增旱地面积.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.el-icon-platform-eleme:before {
    visibility: hidden;
}
.el-icon-eleme {
    background-image: url('../../../assets/img/竣工面积.png') !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.el-icon-eleme:before {
    visibility: hidden;
}
.el-icon-lollipop {
    background-image: url('../../../assets/img/电子地图.png') !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.el-icon-lollipop:before {
    visibility: hidden;
}

.el-tree {
    height: 96%;
}
.el-tree-node__label {
    font-size: 15px;
    font-family: '微软雅黑';
}
.el-tree-node__content > .el-tree-node__expand-icon {
    padding: 5px;
}
.D_1 {
    background-image: url('../../../assets/img/bj.png') !important;
    background-size: cover;
    overflow-y: hidden;
}
.d_2 {
    background-image: url('../../../assets/img/xmbt.png');
    background-size: cover;
    z-index: 2;
}
.i_1 {
    background-color: transparent !important;
    border: 0;
    width: 70%;
    margin: 0px auto;
}
.l_1 {
    background-image: url('../../../assets/img/左边.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.r_1 {
    background-image: url('../../../assets/img/右边.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#app-footer .el-icon-s-help {
    background-image: url('../../../assets/img/照相机.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}
#app-footer .el-icon-s-help:before {
    visibility: hidden;
}

#app-footer .el-icon-microphone {
    background-image: url('../../../assets/img/摄影机.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}
#app-footer .el-icon-microphone:before {
    visibility: hidden;
}

#app-footer .el-icon-turn-off-microphone {
    background-image: url('../../../assets/img/搜索.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}
#app-footer .el-icon-turn-off-microphone:before {
    visibility: hidden;
}

#app-footer .el-icon-zoom-in {
    background-image: url('../../../assets/img/音量.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}
#app-footer .el-icon-zoom-in:before {
    visibility: hidden;
}

#app-footer .el-icon-video-camera-solid {
    background-image: url('../../../assets/img/麦克风.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}
#app-footer .el-icon-video-camera-solid:before {
    visibility: hidden;
}
#app-footer .el-icon-camera-solid {
    background-image: url('../../../assets/img/放大.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}
#app-footer .el-icon-camera-solid:before {
    visibility: hidden;
}

.el-icon-full-screen {
    background-image: url('../../../assets/img/shrink.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
}

#app-footer .el-icon-full-screen:before {
    visibility: hidden;
}
.xfk {
    background-color: #dbdbdb !important;
    opacity: 0.9;
    border: transparent !important;
    box-shadow: 5px 5px 5px #999999;
}

.footer i {
    cursor: pointer;
    padding-left: 15px;
}
</style>